/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }

/* LAYOUT */
/*html { position: relative; background-color:#fff; }*/
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
/* TYPE */
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; background-color: transparent; color: #333; -webkit-font-smoothing: antialiased; }

a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
a.block { display: block; cursor: pointer; }
a.block span,
a.block em { color:#08c; cursor: pointer; }
a.block:hover { text-decoration: none; }
a.block:hover span,
a.block:hover em { color: #08c; text-decoration: underline; }
a.more, em.more, span.more { white-space: nowrap; padding-right: 10px; background: url(http://images.apple.com/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; cursor: pointer; zoom: 1; }
a.external, em.external, span.external { white-space: nowrap; padding-right: 15px; background: url(http://images.apple.com/global/elements/icons/external10x10.gif) no-repeat 100% 49%; cursor: pointer; zoom: 1; }
a[rel="external"] { white-space: nowrap; padding-right: 15px; background: url(http://images.apple.com/global/elements/icons/external10x10.gif) no-repeat 100% 49%; cursor: pointer; zoom: 1; }
em.more, span.more, em.external, span.external { color:#08c; font-style: normal; cursor: pointer; }
.nowrap { white-space:nowrap; }
strong, b { font-weight: bold; }
em, i, cite { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; _position: static !important; }
sup, sup a { color:#666; }
sup a:hover { color:#08c; text-decoration:none; }
abbr { border: 0; }
.sosumi { font-size: 10px !important; line-height:1.5; color:#888; }
.sosumi_features { font-size: 10px !important; line-height:1.5; color:#888; }

h1,h2,h3,h4,h5,h6,strong { color:#000; }
h1,h2,h3,h4 { font-weight: bold; }
h2,h3,h4 { line-height: 18px; }
h1,h2 { margin-bottom: 18px; }
h1 { font-size: 24px; line-height: 36px; }
h2 { font-size: 16px; }
h3 { font-size: 1em; }
h4 { font-size: 10px; }
p { margin-bottom: 18px; }
p.intro { color: #888; font-size: 16px; line-height: 22px; font-weight: normal; }
.more { text-align: right; }

ul { list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; margin-bottom: 18px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
ol.sosumi { margin-left: 0; padding-left: 2em; *padding-left: 2.2em; }

a.pdf { background: url(http://images.apple.com/global/elements/icons/globaliconpdf12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.html { background: url(http://images.apple.com/global/elements/icons/globaliconhtml12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.qt { background: url(http://images.apple.com/global/elements/icons/globaliconqt12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.ical { background: url(http://images.apple.com/global/elements/icons/globaliconical12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.dl { background: url(http://images.apple.com/global/elements/icons/globalicondl11x10.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.dmg { background: url(http://images.apple.com/global/elements/icons/globalicondmg12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.zip { background: url(http://images.apple.com/global/elements/icons/globaliconzip12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.keynote { background: url(http://images.apple.com/global/elements/icons/globaliconkeynote12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.audio { background: url(http://images.apple.com/global/elements/icons/globaliconaudio12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }












body {
    font-family: Helvetica, sans-serif;
    font: normal 14px/20px Arial, Verdana, sans-serif;     
    background: url('/public/images/bg.png') repeat-x;
    background-attachment:fixed;
    background-color: #87dcef;
    color: #555;    
    margin:auto;
    display:block;
}

/* MESSAGES */
.success {
    background-color: #44f044;
    opacity: 0.7;
    color: #228822;
    text-shadow: 0.1em 0.1em #66f266;
}

.notification {
    background-color: #f0f044;
    text-shadow: 0.1em 0.1em #f2f266;
}

.error {
    background-color: #f04444;
    opacity: 0.7;
    color: #440000;
    text-shadow: 0.1em 0.1em #f27777;
}



#messages_console {
    padding: 20px;
    font-size: 13pt;
    position: fixed;
    top: 40px;
    z-index: 50;

    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;

    width: 700px;
    left: 50%;
    margin-left: -350px;
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
    box-shadow: 0 0 90px rgba(0,0,0,0.6);

}



#logo {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -185px;
}


#char_1 {
    position: absolute;
    top: 50px;
    left: 200px;
}

#char_2 {
    position: absolute;
    top: 130px;
    left: 20px;
}

#char_3 {
    position: absolute;
    top: 250px;
    left: 180px;
}

#char_4 {
    position: absolute;
    top: 70px;
    right: 200px;
}

#char_5 {
    position: absolute;
    top: 130px;
    right: 20px;
}

#char_6 {
    position: absolute;
    top: 280px;
    right: 200px;
}

input[type=text] {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d0d0d0;
    padding: 5px;
    width: 200px;
    height: 20px;
}

textarea {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d0d0d0;
    padding: 5px;
    width: 200px;
    height: 130px;
}

select {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d0d0d0;
    padding: 5px;
    width: 200px;
    height: 30px;
}



input[type=password] {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d0d0d0;
    padding: 5px;
    width: 200px;
    height: 20px;
}

#content {
    width: 940px;
    padding: 20px;
    text-shadow: 0.1px 0.1em #fff;
    /*
    background-color: #f0f0f0;
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
    box-shadow: 0 0 90px rgba(0,0,0,0.6);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
*/
    position: absolute;
    top: 433px;
}

.shadow {
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
    box-shadow: 0 0 90px rgba(0,0,0,0.6);
}

#footer {

}

#toggle_user_options {
    cursor: pointer;

    position: relative;
    top: -4px;

    float: left;
    padding: 10px 15px 5px 15px;

    color: #d0d0d0;

    font-weight: bold;
    font-size: 11pt;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, .75);
    text-decoration: none;

    letter-spacing: -1px;
}

#login_box {
    /*
    z-index: 10000;
    position: absolute;
    top: 200px;
    left: 50%;
    height: 400px;
    width: 300px;
    margin-left: -150px;

    background-color: #f0f0f0;
*/
    float: left;
    color: #f0f0f0;
    width: 210px;
    padding: 20px;
    height: 260px;
}

#sign_up_box {
    float: right;
    color: #222222;
    width: 210px;
    background-color: #f0f0ff;
    padding: 20px;

   -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;


}

.loginelement, .signupelement {
    margin-bottom: 10px;
}


#login_logout_panel {
    display: none;
    position: absolute;
    background-color: #444444;
    left: 14px;
    top: 36px;
    width: 505px;

    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;

    -moz-box-shadow:0 0 15px 15px #000;
    -webkit-box-shadow: 0 0 15px #000;
    box-shadow: 0 0 15px rgba(0,0,0,0.6);
}



#user_options {
    display: none;
    position: absolute;
    background-color: #444444;
    left: 14px;
    top: 36px;
    width: 100px;
    padding: 8px 10px 2px 5px;

    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.user_menu_item a{
    position: relative;
    top: -4px;

    float: left;
    padding: 5px 10px 5px 10px;

    color: #d0d0d0;

    font-weight: bold;
    font-size: 11pt;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, .75);
    text-decoration: none;

    letter-spacing: -1px;

}


#search_text {
    position: absolute;
    right: 0px;

    font-size: 10pt;
    background: url('/public/images/search.png');
    background-position: 7px 7px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: text-top;
    background-color: white;
    padding-left: 30px;

    height: 18px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}


.float_right{
    margin-top: 20px;
    float: right;
}

#master_container {
    position: relative;
    width: 980px;
    margin: 0px auto;
}

#add_new_service_panel {
    display: none;

    position: absolute;
    background-color: #444444;
    left: 150px;
    top: 36px;
    width: 505px;

    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;

    -moz-box-shadow:0 0 15px 15px #000;
    -webkit-box-shadow: 0 0 15px #000;
    box-shadow: 0 0 15px rgba(0,0,0,0.6);



}

.add_new_service_button {
    margin-top:20px;
    float: right;
}





#add_new_service_left_panel {
    /*
    z-index: 10000;
    position: absolute;
    top: 200px;
    left: 50%;
    height: 400px;
    width: 300px;
    margin-left: -150px;

    background-color: #f0f0f0;
*/
    float: left;
    color: #f0f0f0;
    width: 210px;
    padding: 20px;
    height: 260px;
}

#add_new_service_right_panel {
    float: right;
    color: #222222;
    width: 210px;
    background-color: #f0f0ff;
    padding: 20px;

   -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;


}









#header {
    margin-top: 20px;
    position: relative;
}



#top_bar {
    position: fixed;
    top: 0px;
    z-index: 51;
    width: 100%;
    -moz-box-shadow:0 0 15px 15px #000;
    -webkit-box-shadow: 0 0 15px #000;
    box-shadow: 0 0 15px rgba(0,0,0,0.6);
    /*background-color: #228899;*/
    background-color: #555555;
    padding: 5px 0px 6px 0px;
    height: 30px;
    background: url('/public/images/menu_bg.png');
}

#top_bar_content {
    width: 980px;
    margin: 0 auto;
    position:relative;
}

.menu_item{
}


.menu_item a{
    position: relative;
    top: -4px;

    float: left;
    padding: 10px 15px 10px 15px;

    color: #d0d0d0;

    font-weight: bold;
    font-size: 11pt;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, .75);
    text-decoration: none;

    letter-spacing: -1px;
}

.menu_item a:hover {
    position: relative;
    color: #ffffff;
}



.round {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.padding20px {
    padding: 20px;
}


#activities {
    float: left;
    padding: 20px;
    width: 600px;
    background-color: #f0f0f0;
    margin-right: 10px;
}

#recent_activities {
    height: 50px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #d0d0d0;
}

#activity_details {
    position: relative;
    float: left;
    width: 530px;
}

.nolink {
    text-decoration: none;
    border: none;
}

#activity_date {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100px;
    font-size: 7pt;
    text-align: right;
    color: #ff4400;
}

#topservices {
    padding: 20px;
    float:right;
    width: 230px;
    background-color: #f0f0f0;
    margin-top: 35px;
}

#topusers {
    padding: 20px;
    float:right;
    width: 230px;
    background-color: #f0f0f0;
    position: relative;
}

.top_user {
    position: relative;
    height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#top_user_photo {
    position: absolute;
    left: 0px;
    top: 0px;
    border: 1px solid #d0d0d0;
    background-color: #ffffff;
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.top_user_rating {
    font-size: 28pt;
    position: absolute;
    top: 3px;
    right: 0px;
    letter-spacing: -1px;
    color: #aa3355;
    font-weight: bold;
}

.top_user_text {
    position: absolute;
    right: 0px;
    top:24px;
    font-size: 9pt;
}

.top_user_name {
    position: absolute;
    left: 60px;
}

.top_service {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d0d0d0;
    padding-right: 30px;
    min-height: 40px;
}

.top_service_name {
    width: 200px;
}

.top_service_view {
    font-size: 13pt;
    position: absolute;
    top: 3px;
    right: 0px;
    letter-spacing: -1px;
    color: #aa3355;
    font-weight: bold;
}

.top_service_text {
    position: absolute;
    right: 0px;
    top:16px;
    font-size: 7pt;
}



.table_title {
    font-size: 17pt;
    letter-spacing: -1px;
    text-shadow: 0 2px 0 rgba(255, 255,255, 1);
}

#username_text {
    margin-top: 10px;
    margin-bottom: 22px;
    font-size: 30pt;
    letter-spacing: -1px;
    text-shadow: 0 2px 0 rgba(255, 255,255, 1);
}

.title_profile {
    margin-top: 10px;
    margin-bottom: 22px;
    line-height: 20pt;
    font-size: 20pt;
    letter-spacing: -1px;
    text-shadow: 0 2px 0 rgba(255, 255,255, 1);
}



.white {
    background-color: #f0f0f0;
}

.black {

    background-color: #444444;
}


th {

    background-color: #444444;
    color: #f0f0f0;
    letter-spacing: 0px;
    font-family: Helvetica, sans-serif;

    padding: 5px !important;

    border-right: 1px solid #666666;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, .75);
}

td {
    text-align: left !important;
    padding: 5px !important;
}

.odd {
    background-color: #f0f0f0;
}

.even {
    background-color: #e0e0e0;
}

#search_container {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .75);
    position: relative;
    height: 250px;
}

#search_container p{
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .75);
}

#basic_search_container {
    background-color: #444;
    width: 300px;
    padding: 20px;
    color: #f0f0f0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .75);
    height: 210px;
}

#detailed_search_container_2 {
    z-index: 40;
    position: absolute;
    top: 0px;
    right: 270px;
    height: 210px;
    width: 280px;
    padding: 20px;
    text-shadow: 0 2px 0 rgba(255, 255,255, 1);
}

#detailed_search_container_2 p{
    text-shadow: 0 2px 0 rgba(255, 255,255, 1);
}



#basic_search_container input[type=text] {
    width: 289px !important;
}

#detailed_search_container_2 select {
    width: 280px !important;
}

#search_button {
    float: right;
}

#detailed_search_container_1 {
    z-index: 41;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 210px;
    width: 220px;
    padding: 20px;
    text-shadow: 0 2px 0 rgba(255, 255,255, 1);
}

#edit_user_info_container {
    position:relative;
    height: 340px;

    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#edit_skills {
    position: absolute;
    width: 300px;
    background-color: #444444;
    top:0px;
    right:345px;
    height: 300px;
    padding: 20px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .75);
    color: white;

    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;

}

#skill_list {
    position: absolute;
    width: 390px;
    height: 300px;
    background-color: #666666;
    top:0px;
    right:0px;
    padding: 20px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .75);
    color: white;

    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;

    -moz-box-shadow: -10px 3px 5px #000;
    -webkit-box-shadow: -10px 0 3px #000;
    box-shadow: -10px 0 5px rgba(0,0,0,0.1);


}



#add_skill_button, #save_button {
    margin-left: 113px;
}

#skill_list textarea{
    width: 375px;
    height: 205px;
}

#edit_user_info {
    padding: 20px;
    position: absolute;
    width: 400px;
}

#edit_skills p, #skill_list p{
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .75);
}


#user_rating_grand {
    width: 250px;
    height: 250px;
    position:absolute;
    top: 0px;
    right: 0px;

    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;

    background-color: #444444;
}

#user_credit_grand {
    width: 250px;
    height: 250px;
    position:absolute;
    top: 0px;
    right: 240px;

    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;

    background-color: #666666;

    -moz-box-shadow: 10px 3px 5px #000;
    -webkit-box-shadow: 10px 0 3px #000;
    box-shadow: 10px 0 5px rgba(0,0,0,0.2);


}



.info_title {
    font-weight: bold;
    margin-right: 1px;
}

#grand_rating {
    font-size: 80pt;
    line-height: 60pt;
    text-align: center;
    color: #f0f0f0;
    margin-top: 65px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .75);
}

#grand_rating_text {
    font-size: 20pt;
    line-height: 20pt;
    color: #f0f0f0;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .75);
}

#grand_credit {
    font-size: 80pt;
    line-height: 60pt;
    text-align: center;
    color: #f0f0f0;
    margin-top: 65px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .75);
}

#grand_credit_text {
    font-size: 20pt;
    line-height: 20pt;
    color: #f0f0f0;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .75);
}

#info_and_rating {
    line-height: 20px;
    display: block;
    position: relative;
    height: 250px;

    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#service_information {
    line-height: 20px;
    display: block;
    position: relative;

    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}


#user_info {

    width: 460px;
    height: 250px;
    position:absolute;
    top: 0px;
    left: 0px;

    z-index:50;


    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;

    background-color: #f0f0f0;

    -moz-box-shadow: 10px 3px 5px #000;
    -webkit-box-shadow: 10px 0 3px #000;
    box-shadow: 10px 0 5px rgba(0,0,0,0.1);
}


#user_info_content {
    height: 200px;
    width: 300px;
    position: absolute;
    top: 20px;
    left: 20px;

}

.table_title_2 {
    font-size: 17pt;
    letter-spacing: -1px;
}


#user_photo {
    border: 1px solid #d0d0d0;
    background-color: #ffffff;
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 10px;
}


#crown {
    position: absolute;
    right: -41px;
    top: -54px;
}


#service_information_1{
    width:50%;
}

#service_information_2{
    padding: 20px;
    position:absolute;
    top: 100px;
    right: 0px;
    width: 300px;

    background-color: #444444;

    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;

    -moz-box-shadow: -10px 3px 5px #000;
    -webkit-box-shadow: -10px 0 3px #000;
    box-shadow: -5px 5px 20px rgba(0,0,0,0.4);

    color: #f0f0f0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .75);
}

.addCommentPanel {
    color: #f0f0f0;
    font-weight:bold;
    margin:0px;
    padding:5px 5px 5px 5px;
    text-align:center;
}

.commentEntryPanel {
    margin:0px;
    padding:5px;
}

.comment_area {
    width:300px;
}

#service_information {
    padding: 20px;
}

#one_comment {
    background-color: #e4e4e4;
}

.comment_text {
    padding: 15px !important;
}

.comment_owner {
    text-align: right !important;
    padding-right: 20px !important;
    font-size: 7pt;
}

.people {
    display: none;
}

#messageBox {
    float: left;
    padding: 20px;
    width: 600px;
    background-color: #f0f0f0;
    margin-right: 10px;
}

#message {
	height: 50px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #d0d0d0;
    cursor: pointer;
}

#message:hover{
	text-decoration:underline;
}

#message_details {
    position: relative;
    float: left;
    width: 530px;
}

#userName {
	float: left;
	position:relative;
	width: 189px;
	height: 20px;
	margin-top: 8px;
	vertical-align:bottom;
}

#message_status {
    position: relative;
    float:left;
    margin-top: 8px;
    width: 250px;
    font-size: 7pt;
    text-align: left;
    color: #ff4400;
}

#message_date {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 180px;
    font-size: 7pt;
    text-align: right;
    color: #ff4400;
}

#sembols{
	float:left;
	position:relative;
	margin-left: 7px;
	margin-top: 6px;
	width: 18px;
}

#messageText {
	float: left;
	position:relative;
	width: 645px;
	height: 25px;
}

#messageTypes {
    padding: 20px;
    float:right;
    width: 230px;
    background-color: #f0f0f0;
    position: relative;
}

#messageType {
	float: left;
	position:relative;
    font-size: 12pt;
    padding-left:5px;
    width: 230px;
    height: 25px;
    letter-spacing: -1px;
    text-shadow: 0 2px 0 rgba(255, 255,255, 1);
}


#toggle_message_options {
    cursor: pointer;

    position: relative;
    top: -4px;

    float: left;
    padding: 10px 15px 5px 15px;

    color: #d0d0d0;

    font-weight: bold;
    font-size: 11pt;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, .75);
    text-decoration: none;

    letter-spacing: -1px;
}

#messageBox_options {
    display: none;
    position: absolute;
    background-color: #444444;
    left: 370px;
    top: 36px;
    width: 115px;
    padding: 8px 10px 2px 5px;

    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}


.messageBox_menu_item a{
    position: relative;
    top: -4px;
	
    float: left;
    padding: 5px 10px 5px 10px;

    color: #d0d0d0;

    font-weight: bold;
    font-size: 11pt;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, .75);
    text-decoration: none;

    letter-spacing: -1px;

}

.replyMessage {
    border-color: #08c;
	outline: none;
	outline-style: none;
	outline-width: initial;
	outline-color: initial;
	overflow-y: auto !important;
	resize: none;
	height: 30px;
	width: 335px;
	max-height: 280px;
}

